<div id="header">
  <nav class="navbar navbar-light navbar-expand-md sticky-top navigation-clean-button"
  style="height:80px;background-color:#37434d;color:#ffffff;">
  <div class="container"><a class="navbar-brand" href="#"><i class="fa fa-globe"></i>Mozz Blog</a><button
      data-toggle="collapse" data-target="#navcol-1" class="navbar-toggler"><span class="sr-only">Toggle
        navigation</span><span class="navbar-toggler-icon"></span></button>
    <div class="collapse navbar-collapse" style="background-color:#37434d;" id="navcol-1">
      <ul class="navbar-nav">
        <li class="nav-item"><a class="nav-link" style="color:#ffffff;" href="/"><i
              class="bi bi-house-fill mr-2"></i>首页</a></li>
        <li class="nav-item"><a class="nav-link" style="color:#ffffff;" href="/my"><i
              class="bi bi-person-fill mr-2 "></i>我的</a></li>
        <li class="nav-item "><a class="nav-link" style="color:#ffffff;" href="/note/type"><i
              class="bi bi-tags-fill mr-2 "></i>类别</a></li>
      </ul>
      <div class="user ml-auto">
        {{if user}}
        <div style="height: 40px; width: 40px;float: left;"><img class="img-fluid rounded-circle" src="{{user.avatar}}"/></div>
        <div class="navbar-nav"><a class="nav-link" style="color:#ffffff;" href="/user"><i class="fa fa-sign-in"></i>{{user.username}}</a></div>
        {{else}}
        <a type="button" class="btn btn-outline btn-success" href="/login">登录</a>
        <a type="button" class="btn btn-outline-light" href="/register">注册</a>
        {{/if}}
      </div>
    </div>
  </div>
</nav>
</div>